//获取用户名
function initUserInfo() {
    $.ajax({
        url:'queryLoginUserName',
        type:'get',
        async: true,
        data: {},
        dataType: 'JSON',
        success: function(resp) {
            console.log(resp);
            var welcome = document.getElementById('welcome');
            welcome.innerHTML = resp.message;
        },
        error: function(err) {
            alert('请联系管理员...');
        }
    })
}
initUserInfo();

//注销
function userExit() {
    var dt = confirm("确定退出?");
    if(dt==true){
        window.location.href = "userExit";
    }

}

// 1.设置对应数量的搜索变量

var searchBStation = '';
var searchEStation = '';
var searchBDate = '';
var searchEDate = '';

// 2.设置分页变量
var start = 0; // 开始为止
var limit = 5; // 每页显示多少条
var end = 4; // 结束为止
var count = 0; // 一共多少条数据
var currPage = 1; // 当前第几页
var allPage = 0; // 一共多少页

function initTicket() {
    $.ajax({
        url: 'UpTicketPage',
        type: 'POST',
        data: {

            'searchBStation': searchBStation,
            'searchEStation': searchEStation,
            'searchBDate': searchBDate,
            'searchEDate': searchEDate,
            'start': start,
            'limit': limit
        },
        dataType: 'JSON',
        async: true,
        success: function (resp) {
            console.log(resp);
            count = resp.datas.count;
            // 计算页码
            allPage = count % limit == 0 ? count / limit : parseInt(count / limit + 1);
            // 将页码显示到界面上
            var ticketPage = document.getElementById('ticketPage');
            ticketPage.innerHTML = currPage + "/" + allPage;

            var arr = resp.datas.ticket;
            var arr1 = resp.datas.order;
            ticketArr = arr;
            var dataBody = document.getElementById('dataBody');
            dataBody.innerHTML = '';
            for (var i = 0; i < arr.length; i++) {
                // for (var i = 0; i < arr1.length; i++){
                //     if (arr1[i].orderState==1){
                //         dataBody.innerHTML+=`<tr align="center">
                //                     <td class="data-td">${arr[i].carTimes}</td>
                //                     <td class="data-td">${arr[i].beginStation}
                //                     <br class="data-td"/>${arr[i].endStation}
                //                     </td>
                //                     <td class="data-td">${getDate(arr[i].beginDatetime)}
                //                     <br class="data-td"/>${getDate(arr[i].endDatetime)}
                //                     </td>
                //                     <td class="data-td">${arr[i].ticketMoney}</td>
                //                     <td class="data-td">无</td>
                //                     <td class="data-td">无</td>
                //                     <td class="data-td">无</td>
                //                     <td class="data-td">有</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">有</td>
                //                     <td class="data-td">${arr[i].ticketNum}</td>
                //                     <td class="data-td">
                //                     <button id="btn" disabled="disabled" class="buyBtn" onclick="showAddFrame(${i})" >预定</button>
                //                     </td>
                //                     </tr>`
                //       
                //     }else {
                        dataBody.innerHTML+=`<tr align="center">
                                    <td class="data-td">${arr[i].carTimes}</td>
                                    <td class="data-td">${arr[i].beginStation}
                                    <br class="data-td"/>${arr[i].endStation}
                                    </td>
                                    <td class="data-td">${getDate(arr[i].beginDatetime)}
                                    <br class="data-td"/>${getDate(arr[i].endDatetime)}
                                    </td>
                                    <td class="data-td">${arr[i].ticketMoney}</td>
                                    <td class="data-td">无</td>
                                    <td class="data-td">无</td>
                                    <td class="data-td">无</td>
                                    <td class="data-td">有</td>
                                    <td class="data-td">-</td>
                                    <td class="data-td">-</td>
                                    <td class="data-td">-</td>
                                    <td class="data-td">-</td>
                                    <td class="data-td">-</td>
                                    <td class="data-td">-</td>
                                    <td class="data-td">有</td>
                                    <td class="data-td">${arr[i].ticketNum}</td>
                                    <td class="data-td">
                                    <button id="btn"  class="buyBtn" onclick="showAddFrame(${i})" >预定</button>
                                    </td>
                                    </tr>`
                       
                    // }
                }
                // dataBody.innerHTML+=`<tr align="center">
                //                     <td class="data-td">${arr[i].carTimes}</td>
                //                     <td class="data-td">${arr[i].beginStation}
                //                     <br class="data-td"/>${arr[i].endStation}
                //                     </td>
                //                     <td class="data-td">${getDate(arr[i].beginDatetime)}
                //                     <br class="data-td"/>${getDate(arr[i].endDatetime)}
                //                     </td>
                //                     <td class="data-td">${arr[i].ticketMoney}</td>
                //                     <td class="data-td">无</td>
                //                     <td class="data-td">无</td>
                //                     <td class="data-td">无</td>
                //                     <td class="data-td">有</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">-</td>
                //                     <td class="data-td">有</td>
                //                     <td class="data-td">${arr[i].ticketNum}</td>
                //                     <td class="data-td">
                //                     <button id="btn"  class="buyBtn" onclick="showAddFrame(${i})" >预定</button>
                //                     </td>
                //                     </tr>`
            // }
        },
        error: function (err) {
            alert('请联系管理员!');
        }
    })
}

initTicket();

function getDate(num) {
    if(!num) {
        return '解析错误';
    }
    var d = new Date(num);
    return d.getFullYear() + "-" +
        addZero(d.getMonth() + 1) + "-" +
        addZero(d.getDate()) + " " +
        addZero(d.getHours()) + ":" +
        addZero(d.getMinutes()) + ":" +
        addZero(d.getSeconds()) ;
}
// 补零
function addZero(data) {
    if(data > 9) {
        return data;
    }else {
        return "0" + data;
    }
}
//上一页
function doPre() {
    if(currPage == 1) {
        alert('已经是首页了!');
    }else {
        currPage --;
        start -= limit;
        end -= limit;
        initTicket();
    }
}
//下一页
function doNext() {
    if(currPage == allPage) {
        alert('已经是尾页了!');
    }else {
        currPage ++;
        start += limit;
        end += limit;
        initTicket();
    }
}
//搜索
function doSearch() {
    // 将所有的分页变量全部初始化
    start = 0; // 开始为止
    limit = 5; // 每页显示多少条
    end = 4; // 结束为止
    count = 0; // 一共多少条数据
    currPage = 1; // 当前第几页
    allPage = 0; // 一共多少页
    // 获取搜索框的值，赋值给搜索变量
    
    searchBStation = document.getElementById('bstation').value;
    searchEStation = document.getElementById('estation').value;
    searchBDate = document.getElementById('bdate').value;
    searchEDate = document.getElementById('edate').value;
    // 调用初始化方法
    initTicket();
}
// //展示新增页面
// function showAddFrame(index) {
//     i = ticketArr[index];
//     var frame = document.getElementById('addFrame');
//     frame.style.display = "flex";
// }
//
// //隐藏新增页面
// function hideAddFrame() {
//     var frame = document.getElementById('addFrame');
//     frame.style.display = "none";
// }

//保存数据并隐藏新增面板
function showAddFrame(index) {
    if (ticketArr[index].ticketNum>0){
        $.ajax({
            url:'OrderTicket',
            type: 'POST',
            async: true,
            data: {
                ticketId: ticketArr[index].ticketId,
            },
            dataType:'JSON',
            success: function (resp) {
                console.log(resp);
                alert(resp.message);
                if(resp.id > 0) {
                    doSearch();
                }
            },
            error: function (err) {
                alert('请联系管理员saveAddFrame')
            }
        })
    }else {
        alert('余票不足！无法预定！')
    }
    
}